<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>tabsHerramientas</title>
</head>
<body>
				<ul>
					<li><a class="tabsHerramientas" href="#tabs-1">Archivo</a></li>
					<li><a class="tabsHerramientas" href="#tabs-2">Editar</a></li>
					<li><a class="tabsHerramientas" href="#tabs-3">Herramientas</a></li>
					<li><a class="tabsHerramientas" href="#tabs-4">Get Social</a></li>
				</ul>
				<div class="dentroHerramientas" id="tabs-1">
					&nbsp&nbsp
					<a href="#" ><img id="dialog_link" class="iconoBarraHerramienta" src="../imagenes/iconosHerramientas/acrobat.png" alt="acrobat" title="Exportar a PDF"></a>
					<div id="dialog" title="Exportar a PDF">
						<p>Dejame adivinar, a que apretaste el boton de exportar a PDF? eh?</p>
					</div>	
					&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
					<a href="#"><img class="iconoBarraHerramienta" src="../imagenes/iconosHerramientas/archivoxls.png" alt="archivoxls" title="Exportar a xls"></a>
					&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
					<a href="#"><img class="iconoBarraHerramienta" src="../imagenes/iconosHerramientas/imprimir.png" alt="imprimir" title="Imprimir"></a>
					&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
					<a href="#"><img class="iconoBarraHerramienta" src="../imagenes/iconosHerramientas/db_add.png" alt="db_add" title="Crear Tabla"></a>
					&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
					<a href="#"><img class="iconoBarraHerramienta" src="../imagenes/iconosHerramientas/cancelar.png" alt="cancelar" title="Cancelar"></a>
					&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
					<a href="#"><img class="iconoBarraHerramienta" src="../imagenes/iconosHerramientas/confirmar.png" alt="confirmar" title="Confirmar"></a>
					&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
				</div>
				<div class="dentroHerramientas" id="tabs-2">
					&nbsp&nbsp
					<a href="#"><img class="iconoBarraHerramienta" src="../imagenes/iconosHerramientas/cortar.png" alt="cortar" title="Cortar"></a>
					&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
					<a href="#"><img class="iconoBarraHerramienta" src="../imagenes/iconosHerramientas/copiar.png" alt="copiar" title="Copiar"></a>
					&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
					<a href="#"><img class="iconoBarraHerramienta" src="../imagenes/iconosHerramientas/pegar.png" alt="pegar" title="Pegar"></a>
					&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
					<a href="#"><img class="iconoBarraHerramienta" src="../imagenes/iconosHerramientas/cancelar.png" alt="cancelar" title="Cancelar"></a>
					&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
					<a href="#"><img class="iconoBarraHerramienta" src="../imagenes/iconosHerramientas/confirmar.png" alt="confirmar" title="Confirmar"></a>
					&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
				</div>
				<div class="dentroHerramientas" id="tabs-3">
					&nbsp&nbsp
					<a href="#"><img class="iconoBarraHerramienta" src="../imagenes/iconosHerramientas/business.png" alt="business" title="Calculadora"></a>
					&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
					<a href="#"><img class="iconoBarraHerramienta" src="../imagenes/iconosHerramientas/notepad.png" alt="notepad" title="Crear Nota"></a>
					&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
					<a href="#"><img class="iconoBarraHerramienta" src="../imagenes/iconosHerramientas/buscar.png" alt="buscar" title="Buscar"></a>
					&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
					<a href="#"><img class="iconoBarraHerramienta" src="../imagenes/iconosHerramientas/mail.png" alt="mail" title="Mail"></a>
					&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
					<a href="#"><img class="iconoBarraHerramienta" src="../imagenes/iconosHerramientas/configuracion.png" alt="configuracion" title="Configuracion"></a>
					&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
					<a href="#"><img class="iconoBarraHerramienta" src="../imagenes/iconosHerramientas/exit.png" alt="exit" title="Salir de sesion"></a>
				</div>
				<div class="dentroHerramientas" id="tabs-4">
					&nbsp&nbsp
					<a href="http://www.facebook.com" target="_blank" ><img class="iconoBarraHerramienta" src="../imagenes/social/facebook.png" alt="facebook" title="Facebook"></a>
					&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
					<a href="http://www.linkedin.com" target="_blank" ><img class="iconoBarraHerramienta" src="../imagenes/social/linkedin.png" alt="linkedin" title="LinkedIn"></a>
					&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
					<a href="http://www.proyemp.com" target="_blank" ><img class="iconoBarraHerramienta" src="../imagenes/social/wordpress.png" alt="wordpress" title="Wordpress"></a>
					&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
					<a href="http://www.youtube.com" target="_blank" ><img class="iconoBarraHerramienta" src="../imagenes/social/youtube.png" alt="youtube" title="Youtube"></a>
					&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
				</div>
</body>
</html>